import React,{Component} from 'react';
import {Route,NavLink} from 'react-router-dom';

import {
    Collapse,
    Navbar,
    NavbarToggler,
    NavbarBrand,
    Nav,
    NavItem,
    UncontrolledDropdown,
    DropdownToggle,
    DropdownMenu,
    DropdownItem } from 'reactstrap';
export default class Navicat extends Component{
    constructor(props) {
        super(props);
        this.toggle = this.toggle.bind(this);
        this.state = {
          isOpen: false
        };
    }
    toggle() {
        this.setState({
            isOpen: !this.state.isOpen
        });
    }
    render() {
        return (
            <div>

                <ul className="nav nav-tabs" style={{padding:"0 0 0 100px",fontSize:"1.8rem"}}>
                    <li role="presentation" ><NavLink to="/">首页</NavLink></li>
                    <li role="presentation" ><NavLink to="/news">新闻</NavLink></li>
                    <li role="presentation" ><NavLink to="/product">产品</NavLink></li>
                    <li role="presentation" style={{float:"right",color:"#000",paddingTop:"10px",paddingRight:"30px"}}><NavLink to="/cart">购物车</NavLink></li>
                </ul>
            </div>
        )
    }
}